const { wxml, style } = require("./demo.js");
Page({
    data: {
        src: "",
    },
    onLoad() {
        // 在微信小程序中通过selectComponent方法获取子组件实例，
        // 从而实现父页面与子组件之间的数据交互。包括直接修改
        // 子组件数据和调用子组件方法，例如通过事件触发更新数据
        // 以及bindtap事件获取实例并调用其方法。
        this.widget = this.selectComponent(".widget");
    },
    onTapSaveBtn(e) {
        wx.saveImageToPhotosAlbum({
            filePath: this.data.src,
            success(res) {
                console.log(res);
            },
            fail(err) {
                console.log(err);
            },
        });
    },
    renderToCanvas() {
        const p1 = this.widget.renderToCanvas({ wxml, style });
        p1.then((res) => {
            console.log("container", res.layoutBox);

            this.container = res;
        });
    },

    extraImage() {
        const p2 = this.widget.canvasToTempFilePath();
        p2.then((res) => {
            this.setData({
                src: res.tempFilePath,
                width: this.container.layoutBox.width,
                height: this.container.layoutBox.height,
            });

            console.log(res);
        });
    },
});

// const { wxml, style } = require("./demo.js");
// Page({
//   data: {
//     src: "",
//   },
//   onLoad() {
//     this.widget = this.selectComponent(".widget");
//   },
//   renderToCanvas() {
//     const p1 = this.widget.renderToCanvas({ wxml, style });
//     p1.then((res) => {
//       console.log("container", res.layoutBox);

//       this.container = res;
//     });
//   },

//   extraImage() {
//     const p2 = this.widget.canvasToTempFilePath();
//     p2.then((res) => {
//       this.setData({
//         src: res.tempFilePath,
//         width: this.container.layoutBox.width,
//         height: this.container.layoutBox.height,
//       });
//     });
//   },
// });